<template>
<div>
    <h2 style="text-align: center;">理财项目添加</h2>
    <table border="1">
        <tr>
            <td>项目名称</td>
            <td>
                <input type="text" placeholder="请输入项目名称" v-model="info.F_Name">
            </td>
        </tr>

        <tr>
            <td>年收益</td>
            <td>
                <input type="text" placeholder="请输入年收益" v-model="info.F_APY">
            </td>
        </tr>

        <tr>
            <td>利息</td>
            <td>
                <select v-model="info.FI_Id">
                    <option value="0">请选择</option>
                    <option v-for="item in selinfo" :key="item.FI_Id" :value="item.FI_Id">{{ item.FI_Interest }}%</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>理财最低金额</td>
            <td>
                <input type="text" placeholder="请输入理财最低金额" v-model="info.F_MinMoney">
            </td>
        </tr>

        <tr>
            <td>风险等级</td>
            <td>
                <select v-model="info.F_Level">
                    <option value="-1">--请选择--</option>
                    <option value="0">低风险</option>
                    <option value="1">中风险</option>
                    <option value="2">高风险</option>
                </select>
            </td>
        </tr>

        <tr>
            <td colspan="2" style="text-align: center;">
                <input type="button" value="保存" @click="SaveData">
            </td>
        </tr>
    </table>
</div>
</template>

<script setup lang="ts">
import axios from 'axios';
import {ref,onMounted} from 'vue';
import {useRouter} from'vue-router';

//创建路由实例
const router=useRouter();

//创建响应式数据
const info=ref({
    F_Name:"",
    F_APY:"",
    FI_Id:0,
    F_MinMoney:"",
    F_Level:-1
})

const selinfo=ref({
    FI_Id:0,
    FI_Interest:0
})

//创建生命周期函数
onMounted(()=>{
    LoadData()
})

//完成数据加载
const LoadData=()=>{
    axios.get("https://localhost:44309/api/Finans/ShowFinanInterest")
    .then(res=>{
        selinfo.value=res.data;
    })
    .catch(error=>{
        console.log(error);
    })
}

//完成添加
const SaveData=()=>{
    //理财项目名称不能为空
    if(info.value.F_Name=="")
    {
        alert('理财项目名称不能为空');
        return;
    }
    //最低金额必须大于0
    if(Number(info.value.F_MinMoney)<0)
    {
        alert('最低金额必须大于0');
        return;
    }


    axios.post("https://localhost:44309/api/Finans/AddFinancing",
        {
            F_Name:info.value.F_Name,
            F_APY:info.value.F_APY,
            FI_Id:info.value.FI_Id,
            F_MinMoney:info.value.F_MinMoney,
            F_Level:info.value.F_Level
        }
    )
    .then(res=>{
        if(res.data>0)
        {
            alert('理财项目添加成功');
            router.push("/ShowFinancing")
        }
        else if(res.data==-1)
        {
            alert('理财项目名称不能重复,请重新输入');
        }
        else
        {
            alert('理财项目添加失败!!!');
        }
    })
    .catch(error=>{
        console.log(error)
    })
}
</script>